
a.button{
    text-decoration:none;
    border-top:2px solid #999;
    border-left:2px solid #999;
    border-right:2px solid #333;
    border-bottom:2px solid #333;
    color:#333;
    border-radius:5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-appearance: none;
    margin-right: 5px;
    margin-left: 5px
}
a.button:hover{
    border-top:2px solid #333;
    border-left:2px solid #333;
    border-right:2px solid #999;
    border-bottom:2px solid #999;
    color:#333;
}
a.button span{
    background:#d4d0c8 url(images/btn.png) repeat-x;
    line-height:20px;
    height:20px;
    padding:0 10px;
    border-right:2px solid #777;
    border-bottom:2px solid #777;
}
a.button:hover span{
    border:none;
    border-top:2px solid #777;
    border-left:2px solid #777;
    background:#d4d0c8 url(images/btn_over.png) repeat-x;
    cursor:pointer;
}


a.disabled {
    text-decoration:none;
    width:100px;
    border-top:2px solid #999;
    border-left:2px solid #999;
    border-right:2px solid #333;
    border-bottom:2px solid #333;
    border-radius:5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-appearance: none;
    background:#ffffff;
    color: gray;
    padding-left:5px;
    padding-right:5px;

}



/* Add some nice box-shadow-ness to the modal tooltip */
#ui-tooltip-modal{
	max-width: 420px;
 
	-moz-box-shadow: 0 0 10px 1px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,.5);
	box-shadow: 0 0 10px 1px rgba(0,0,0,.5);
}
 
#ui-tooltip-modal .ui-tooltip-content{
	padding: 10px;
}